<form class="form" [formGroup]="formGroup">
  <h3 class="form-header mdc-list-group__subheader">绑定</h3>
  <mdc-form-field>
    <mdc-text-field outlined placeholder="请填写" autocomplete="off" formControlName="name"></mdc-text-field>
  </mdc-form-field>

  <h3 class="form-header mdc-list-group__subheader">标题</h3>
  <mdc-form-field>
    <mdc-text-field outlined placeholder="请填写" autocomplete="off" formControlName="label"></mdc-text-field>
  </mdc-form-field>

  <h3 class="form-header mdc-list-group__subheader">字号</h3>
  <mdc-form-field>
    <mdc-select outlined dense formControlName="fontSize">
      <option *ngFor="let size of sizes" [value]="size">{{size}}</option>
    </mdc-select>
  </mdc-form-field>

  <h3 class="form-header mdc-list-group__subheader">对齐方式</h3>
  <mdc-form-field>
    <mdc-select outlined dense formControlName="textAlign">
      <option *ngFor="let align of aligns" [value]="align.value">{{align.display}}</option>
    </mdc-select>
  </mdc-form-field>
</form>